<html>
<head>
    <title>农商银行</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <link rel="stylesheet" href="__STATIC__/dytoutiao/v2/style/weui.min.css"></link>
    <link rel="stylesheet" href="__STATIC__/dytoutiao/v2/style/reset-weui.css?t=203"></link>
    <style>
        .weui-cells__group_form{background: #FB831E; padding-bottom: 1em;}
        .footer{padding-bottom: 10px;}
    </style>
</head>

<body data-weui-theme="light" class="page">
    <img src="__STATIC__/dytoutiao/v2/images/1.png" width="100%" class="img">

    <div id="page-form" class="weui-cells__group weui-cells__group_form">
        <div class="form">
            <div class="weui-cells">
                <div class="weui-cell weui-cell_redirect" id="showCityPicker">
                    <div class="weui-cell__hd"><label for="city" class="weui-label">工作城市</label></div>
                    <div class="weui-cell__bd weui-flex">
                        <label id="city-label">请选择工作城市</label>
                        <input id="city" type="hidden">
                    </div>
                    <div class="weui-cell__ft"></div>
                </div>
                <div class="weui-cell weui-cell_redirect" id="showCompanyTypePicker">
                    <div class="weui-cell__hd"><label for="companyType" class="weui-label">单位类型</label></div>
                    <div class="weui-cell__bd weui-flex">
                        <label id="company-type-label">请选择工作单位类型</label>
                        <input id="companyType" type="hidden">
                    </div>
                    <div class="weui-cell__ft"></div>
                </div>
                <div class="weui-cell weui-cell_redirect" id="showPayTimePicker">
                    <div class="weui-cell__hd"><label for="payTime" class="weui-label">缴纳时长</label></div>
                    <div class="weui-cell__bd weui-flex">
                        <label id="pay-time-label">请选择公积金缴纳时长</label>
                        <input id="payTime" type="hidden">
                    </div>
                    <div class="weui-cell__ft"></div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label for="name" class="weui-label">姓名</label></div>
                    <div class="weui-cell__bd">
                        <input id="name" class="weui-input" placeholder="填写本人姓名" />
                    </div>
                </div>
                <div class="weui-cell weui-cell_redirect" id="showAgePicker">
                    <div class="weui-cell__hd"><label for="age" class="weui-label">年龄</label></div>
                    <div class="weui-cell__bd weui-flex">
                        <label id="age-label">限24-50岁申请</label>
                        <input id="age" type="hidden">
                    </div>
                    <div class="weui-cell__ft"></div>
                </div>

                <div class="weui-cell">
                    <div class="weui-cell__hd"><label for="phoneNumber" class="weui-label">手机号</label></div>
                    <div class="weui-cell__bd">
                        <input id="phoneNumber" class="weui-input" type="number" placeholder="填写手机号"/>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label for="code" class="weui-label">验证码</label></div>
                    <div class="weui-cell__bd">
                        <input id="code" class="weui-input" type="number" placeholder="填写验证码" maxlength="6" />
                    </div>
                    <div class="weui-cell__ft">
                        <a href="javascript:void(0)" id="sendVerifyCodeBtn" class="weui-vcode-btn" onclick="getVerifyCode()">获取验证码</a>
                    </div>
                </div>
            </div>

            <div class="form_footer">
                <div id="send-btn" class="weui-form__opr-area">
                    <button class="weui-btn weui-btn_primary main-color" type="button" onclick="pushFormData()">立即申请</button>
                </div>

                <div class="weui-form__tips-area">
                    <label for="isAgreeProtocol" class="weui-agree">
                        <input id="isAgreeProtocol" type="checkbox" class="weui-agree__checkbox"/>
                        <span class="weui-agree__text">阅读并同意
                            <a href="javascript:void(0)" onclick="getProtocol(1, '用户协议')">《用户协议》</a>
                            <a href="javascript:void(0)" onclick="getProtocol(2, '隐私政策')">《隐私政策》</a>
                        </span>
                    </label>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <img src="__STATIC__/dytoutiao/v2/images/footer-tip.png" width="100%" class="img">
    </div>

    <div role="alert" id="textToast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast weui-toast_text">
            <p class="weui-toast__content"></p>
        </div>
    </div>

    <div class="protocol_dialog_wrap" style="display: none;">
        <div class="protocol_dialog_close weui-mask"></div>
        <div class="protocol_dialog weui-half-screen-dialog weui-half-screen-dialog_bottom-fixed">
            <div class="weui-half-screen-dialog__hd">
                <div class="weui-half-screen-dialog__hd__side">
                    <button class="protocol_dialog_close weui-icon-btn weui-icon-btn_close weui-picker__btn">关闭</button>
                </div>
                <div class="weui-half-screen-dialog__hd__main">
                    <strong id="protocolTitle" class="weui-half-screen-dialog__title"><!-- 协议标题 --></strong>
                </div>
            </div>
            <div class="weui-half-screen-dialog__bd" style="padding-bottom: 2em;">
                <div class="weui-bottom-fixed-opr-page" id="js_wrap_wrp">
                    <div class="weui-bottom-fixed-opr-page__content" style="padding-bottom: 2em;">
                        <p id="protocolContent" class="weui-half-screen-dialog__tips" role="option">
                        </p>
                    </div>
                    <div class="weui-bottom-fixed-opr">
                        <span role="button" class="protocol_dialog_agree weui-btn weui-btn_primary">同意并完成</span>
                        <span role="button" class="protocol_dialog_close weui-btn weui-btn_default">取消</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="commonly_used_city" role="dialog" style="display: none;">
        <div class="commonly_used_city_close weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-title">请选择工作城市</div>
            <div class="weui-dialog__bd">
            </div>
            <div class="weui-form__opr-area">
                <button class="weui-btn weui-btn_primary main-color" type="button" id="otherCityBtn">选择其他城市</button>
                <div class="city-selece_tip" id="cityTip">仅支持以上工作所在城市</div>
            </div>
        </div>
    </div>
</body>

<script type="text/javascript" src="__STATIC__/dytoutiao/v2/js/zepto.min.js"></script>
<script type="text/javascript" src="__STATIC__/dytoutiao/v2/js/weui.min.js"></script>
<script type="text/javascript" src="__STATIC__/dytoutiao/v2/js/city-data.js"></script>
<script type="text/javascript" src="__STATIC__/dytoutiao/v2/js/protocols.js"></script>
<script type="text/javascript" src="__STATIC__/dytoutiao/v2/js/md5.min.js"></script>
<script type="text/javascript" src="__STATIC__/dytoutiao/v2/js/sdk.js?t=203"></script>
</html>
